var userName;//用户名
var password;//密码
var confirmPassword;//确认密码
var vaildateCode;//验证码
var inputCount;//验证码输入次数
$(document).ready(function(){
   $("#showUserName").html("(5-20位字母、数字或下划线组合，首字符必须为字母。)");
    $("#showPassword").html("(为了您的帐户安全，强烈建议您的密码使用+数字等多种不同类型的组合，并且密码长度大于5位。)");
    $("#showConfirmPassword").html("(确保密码输入正确。)");
	$("#showCheckCode").html("(请填写图片中的字符，不区分大小写)");
  	createCode();//创建验证码
    //提示用户名要求
    $("#txtUserName").focus(function(){
        $("#showUserName").html("(5-20位字母、数字或下划线组合，首字符必须为字母。)");
    });
    
    //提示密码要求
    $("#txtPassword").focus(function(){
        $("#showPassword").html("(为了您的帐户安全，强烈建议您的密码使用+数字等多种不同类型的组合，并且密码长度大于5位。)");
    });
    
    //提示确认密码要求
    $("#txtConfirmPassword").focus(function(){
        $("#showConfirmPassword").html("(确保密码输入正确。)");
    });
    
    
    //光标离开用户名输入框，检查用户名
    $("#txtUserName").blur(function(){
        checkUserName();
    });
    
    
    //光标离开密码输入框，检查密码
    $("#txtPassword").blur(function(){
        checkPassword();
    });
    
    //光标离开确认密码框，检查确认密码
    $("#txtConfirmPassword").blur(function(){
        checkConfirmPassword();
    });
    
    //点击图片，换验证码
    $("#randImage").click(function(){
        createCode();
    });
    
    //点击改变图片，换验证码
    $("#changeImage").click(function(){
        createCode();
    });
    
    //鼠标离开输入验证码框，验证验证码
    $("#txtValidateCode").blur(function(){
        checkCode();
		if(inputCount<2){
		inputCount+=1;
		}else{
			createCode();
		}
    });
    
    //提交表单,表单验证
    $("#signUpForm").submit(function(){
        validateForm();
        alert("submit");
    });
  
});
/***************************************创建验证码****************************************************************/
//创建验证码
function createCode(){
	 inputCount=0;//验证码输入次数
   // $("#randImage").attr("src", "images.jsp?a=" + Math.random());
	 $("#randImage").attr("src", "ValidateCode.do?a=" + Math.random());
   $("#showCheckCode").html("(请填写图片中的字符，不区分大小写)");
}

/*******************************************************************************************************/

/******************************************检查用户名***********************************************************/
//检查用户名
function checkUserName(){
    var patrn = /^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
    userName = $("#txtUserName").val();
    if ((userName.length == 0) || (userName == "")) {
        $("#picUserName").html(" <img src='img/pic_02.gif'/> 请输入用户名！");
        return false;
    }
    else 
        if (!patrn.exec(userName)) {
            $("#picUserName").html(" <img src='img/pic_02.gif'/>用户名格式不正确！");
            return false;
        }
        else {
            checkUseExists();
        }
    return true;
}

/*******************************************************************************************************/

/****************************************检查用户名是否存在*************************************************/
//检查用户名是否存在
function checkUseExists(){
    var params = {
        "user.userName": $("#txtUserName").val()
    }//json对象
    $.ajax({
        type: "post",
        url: "front/user!checkUserIsExist",
        data :params,
		dataType: "json",
		async:true,
        success: function(json){
            if (json == 1) {//用户存在
                $("#picUserName").html("<img src='img/pic_02.gif'/><font border='1'>用户名已经被占用！</font>");
                return true;
            }
            $("#picUserName").html(" <img src='img/pic_03.gif'/>");
            return true;
            
        },
        error: function(json){
            return false;
        }
        
    });  
    
};
/*******************************************************************************************************/



/****************************************检查密码******************************************************/
//检查密码
function checkPassword(){
    var patrn = /^(\w|[\x21-\x7E]){6,}$/;
    password = $("#txtPassword").val();
	if((password.length==0)||(password == "")){
		 $("#picPassword").html(" <img src='img/pic_02.gif'/>请输入密码");
		 return false;
	}
   else if ((password.length <5)) {
        $("#picPassword").html(" <img src='img/pic_02.gif'/>密码安全太低，请重设！");
        return false;
    }else if(userName==password){
		$("#picPassword").html(" <img src='img/pic_02.gif'/>用户名和密码不能相同！");
        return false;
	}
    else 
        if (!patrn.exec(password)) {
            $("#picPassword").html(" <img src='img/pic_02.gif'/>密码格式不正确！");
            return false;
        }
    $("#picPassword").html(" <img src='img/pic_03.gif'/>");
    return true;
}

/*******************************************************************************************************/

/*************************************************检查确认密码******************************************************/
//检查确认密码
function checkConfirmPassword(){
    var patrn = /^(\w|[\x21-\x7E]){6,}$/;
    confirmPassword = $("#txtConfirmPassword").val();
    if ((confirmPassword.length == 0) || (confirmPassword == "")) {
        $("#picConfirmPassword").html(" <img src='img/pic_02.gif'/>");
        return false;
    }
    else 
        if (!patrn.exec(confirmPassword)) {
            $("#picConfirmPassword").html(" <img src='img/pic_02.gif'/>");
            return false;
        }
        else 
            if (confirmPassword != password) {
                $("#picConfirmPassword").html(" <img src='img/pic_02.gif'/>两次输入密码不一致，密码大小写敏感。");
                return false;
            }
    $("#picConfirmPassword").html(" <img src='img/pic_03.gif'/>");
    return true;
    
}

/*******************************************************************************************************/


/************************************************检查验证码*******************************************************/
//检查验证码
function checkCode(){
    validateCode = $("#txtValidateCode").val();
	if((validateCode.length==0)||((validateCode==""))){
		$("#picCode").html(" <img src='img/pic_02.gif'/>不能为空。");
		return false;
	}
    else if(validateCode.length>0){
		var pas={validateCode:$("#txtValidateCode").val()};
		 $.ajax({type: "post",
        url: "front/imageAjax!checkCode",
        data: pas,
        dataType: "text",
        success: function(json){
			if(json==1){
				$("#picCode").html(" <img src='img/pic_03.gif'/>");
				return true;
			}
				$("#picCode").html(" <img src='img/pic_02.gif'/>验证码错误。");
				return false;
			
		},
		error:function(json){
			$("#picCode").html(" <img src='img/pic_02.gif'/>");
			return false;
		},
		});
    }
	return true;
	
    
}

/*******************************************************************************************************/

/**************************************验证表单*********************************************************/
//验证表单
function validateForm(){
    if ((checkUserName()) &&(checkPassword()) && (checkConfirmPassword()) && (checkCode())) {
        return true;
    }
    return false;
}

/*******************************************************************************************************/
